<template>
  <div>
    <h1>人员名单及爱好列表</h1>
    <ul>
      <!-- 
        Prop 是你可以在组件上注册的一些自定义属性。
        则这个属性会把接受到的属性值作为数据,传递给组件内部。
       -->
      <Item v-for="p in person" :key="p.id" :p="p"/>
    </ul>
  </div>
</template>

<script>
import Item from "./components/Item";
export default {
  name:"App",
  components:{
    Item,
},
data(){
  return {
    person:[
      {id:1,name:"zs",hobby:["唱","跳","rap","篮球"]},
      {id:1,name:"ls",hobby:["吃","喝","玩","乐"]},
      {id:1,name:"ww",hobby:["坑","蒙","拐","骗"]},
    ],
  };
 },
};
</script>

<style>

</style>